<carousel>
  <slide class="slide-selftset">
    <a href="javascrpt:;" (click)="turnPage()">
      <img src="assets/images/banner1.jpg" alt="First slide">
      <!--<div class="carousel-caption">-->
      <!--<h3>First slide label</h3>-->
      <!--<p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>-->
      <!--</div>-->
    </a>
  </slide>
  <slide class="slide-selftset">
    <a href="javascrpt:;" (click)="turnPage()">
      <img src="assets/images/banner2.jpg" alt="Second slide">
      <!--<div class="carousel-caption">-->
      <!--<h3>Second slide label</h3>-->
      <!--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>-->
      <!--</div>-->
    </a>
  </slide>
  <slide class="slide-selftset">
    <a href="javascrpt:;" (click)="turnPage()">
      <img src="assets/images/banner3.png" alt="Third slide">
      <!--<div class="carousel-caption">-->
      <!--<h3>Third slide label</h3>-->
      <!--<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>-->
      <!--</div>-->
    </a>
  </slide>
</carousel>

<div class="bg-gray">
  <div class="container main-warp">
    <h2></h2>
    <div class="col-md-6 col-sm-12">
      <div class="what-photo">
        <img src="../../../assets/images/phone01.png" alt="">
      </div>
      <h4 class="what-title"><span class="iconfont icon-help"></span>小程序是什么？</h4>
      <p class="what-info">他触手可及，无处不在，扫一扫就可以使用，不用关心是否安装应用问题，又无需安装卸载。</p>
      <!--<p class="what-tips">A 无需安装       B 小程序触手可及     C 小程序用完即走     D 小程序无需卸载</p>-->
    </div>
    <div class="col-md-6 col-sm-12">
      <div class="what-photo">
        <img src="../../../assets/images/phone02.png" alt="">
      </div>
      <h4 class="what-title"><span class="iconfont icon-tanhao"></span>小程序的未来？</h4>
      <p class="what-info">无处不在，随时访问，可能是植入到我们的眼睛里，眼睛看到哪里，应用就在哪里，用眼睛调出应用进行操作。</p>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container main-warp">
    <h2 class="container-title">小程序应用场景</h2>
    <div class="col-md-6 col-sm-12 application-item">
      <div class="what-photo">
        <img src="../../../assets/images/application01.png" alt="">
      </div>
      <h4 class="what-title">电商买卖</h4>
      <p class="what-info">适用于各行各业电商买卖，支持在线购买，在线客服，物流管理等</p>
      <p class="what-tips">例如：服装，电器，家居建材等</p>
    </div>
    <div class="col-md-6 col-sm-12 application-item">
      <div class="what-photo">
        <img src="../../../assets/images/application02.png" alt="">
      </div>
      <h4 class="what-title">预订服务</h4>
      <p class="what-info">适用于预订服务，支持在线预订，在线客服功能</p>
      <p class="what-tips">例如：酒店预订，KTV预订，场地预订，会议预报名，家政服务预约等</p>
    </div>
    <div class="col-md-6 col-sm-12 application-item">
      <div class="what-photo">
        <img src="../../../assets/images/application03.png" alt="">
      </div>
      <h4 class="what-title">生活服务</h4>
      <p class="what-info">适用于大中小型餐饮店、社区便利店、水果店等。支持店内点餐，外卖，自取等</p>
    </div>
    <div class="col-md-6 col-sm-12 application-item">
      <div class="what-photo">
        <img src="../../../assets/images/application04.png" alt="">
      </div>
      <h4 class="what-title">教育培训机构</h4>
      <p class="what-info">适用于早教，艺术类，兴趣班，职业资格培训等各种教育培训机构</p>
    </div>
    <div class="text-center">
      <a class="btn btn-success btn-lg" (click)="turnPage()">立即制作</a>
    </div>
  </div>
</div>

<div class="bg-cooperation">
  <div class="container main-warp">
    <h2 class="cooperation-title">诚邀代理加盟商</h2>
    <div class="text-center">
      <a routerLink="../partner" class="btn btn-success btn-lg">立即了解详情</a>
    </div>
  </div>
</div>

<div class="bg-white">
  <div class="container main-warp">
    <h2 class="container-title">最新资讯</h2>
    <a href="javascript:;" class="col-md-4 col-sm-6 news-item" *ngFor="let item of newestInfo|slice:0:6" (click)="turnNewsDetail(item)">
      <div class="news-photo">
        <img src="{{aliyunOssOutputUrl}}/{{item.image}}" alt="">
      </div>
      <h4 class="news-title">
        <span class="news-data">{{item.created_at.substring(0,10)}}</span>
        {{item.title}}
      </h4>
    </a>
    <div class="col-md-12 text-center">
      <a routerLink="/home/news-list" class="btn btn-success btn-lg">查看更多资讯</a>
    </div>
  </div>
</div>

<app-notification [type]="type" [message]="message" [isShow]="isShow" (promptIsShow)="isShow = $event;"></app-notification>
